<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息</title>
</head>

<body>
    <header>
        <div id="hd-left">
            <div id="logo">
                <img src="../src/images/logo-top.png" alt="" id="hd-logo-top">
                <img src="../src/images/logo-down.png" alt="" id="hd-logo-down">
            </div>
            <span>热爱105°C的你</span>
        </div>
        <ul id="hd-right">
            <img src="../src/images/我的-头像.png" alt="" id="hd-touxiang">
            <div id="hd-chose">
                <select name="" id="hd-select">
                    <option value="">蒲嘉伟666</option>
                </select>
                <ul id="xialacaidan">
                    <li>个人中心</li>
                    <li>修改密码</li>
                    <li>退出登录</li>
                </ul>
            </div>
            <img src="../src/images/消息.png" alt="" id="hd-news">
            <img src="../src/images/我的-设置.png" alt="" id="hd-setting">
            </div>
    </header>
    <main id="getUser">
        <div id="main">
            <div id="main-top">
                <div id="mt-left"><img src="" alt=""></div>
                <div id="mt-right">
                    <p>姓名: <span id="pim-name"></span></p>
                    <p>角色: <span id="pim-role"></span></p>
                    <p>电话: <span id="pim-phone"></span></p>
                    <p>录入时间: <span id="pim-joinTime"></span></p>
                    <!-- <p>工作照片:<input type="file" id="pim-photo"></p>
                    <button>
                        上传图片
                    </button> -->
                </div>
            </div>
            <div id="main-down">
                <div>
                    <p>性别:<span id="pim-sex"></span></p>
                </div>
                <div>
                    <p>年龄:<span id="pim-age"></span></p>
                </div>
                <div>
                    <p>学历:<span id="pim-xueLi"></span></p>
                </div>
                <div>
                    <p>身份证号码:<span id="pim-IDcard"></span></p>
                </div>
                <div>
                    <p>入职时间:<span id="pim-workTime"></span></p>
                </div>
            </div>
            <b class="pim-change" id="b-xiugaimima">修改密码</b>
            <b class="pim-change" style="top: 100px;" id="b-xiugaiziliao">修改资料</b>
        </div>
    </main>
    <nav id="nav-change-password" style="display: none;">
        <h3>修改密码
            <div id="dingwei-x">X</div>
        </h3>
        <div>
            <label for="">原密码:</label>
            <input type="text" id="ym" placeholder="请输入原密码">
        </div>
        <div>
            <label for="">新密码:</label>
            <input type="text" id="xm" placeholder="请输入新密码">
            <p id="password-msg"></p>
        </div>
        <div>
            <label for="">确认密码:</label>
            <input type="text" id="xxm" placeholder="请再次输入新密码">
        </div>
        <div id="nav-footer">
            <button id="navok" style="background-color: rgb(69, 107, 233); color: #fff;">确认</button>
            <button id="quxiao">取消</button>
        </div>

    </nav>
</body>

</html>